//用户管理 - 用户注册中银行卡信息的二级页面

import React, { Component } from 'react';
import { Table, Icon } from 'antd';

const { Column } = Table;

const data = [];
for(let i=0; i<1; i++) {
  data.push({
    key: i,
    phone: '15055119064',
    updateTime: '2018-12-18 15:19:45',
    bankID: '6222021302025145540',
    bankName: '中国工商银行',
    operateRecord: '绑卡成功',
    note: ''
  });
}

const pagination = {
	total: 1,
	showSizeChanger: true,
	showQuickJumper: true,
	showTotal: (total) => {
    return `共 ${total} 条`;
  }
}

class LoanInfo extends Component {

  setRowClassName = (record, index) => {
    return index % 2 === 0 ? 'row-white' : 'row-grey';
  }

  handleClick = () => {
    console.log(1);
  }

	render() {
		return (
      <div>
        <div>
          <Icon type="appstore" />
          <span className="apply-font">银行卡信息</span>
        </div>
        <div className="line"></div>
        <div className="info-table">
          <Table size="small" pagination={ pagination } rowClassName={this.setRowClassName} bordered dataSource={data}>
            <Column title='手机号' align='center' dataIndex='phone' width='60' />
            <Column title='更新时间' align='center' dataIndex='updateTime' width='60' />
            <Column title='银行卡号' align='center' dataIndex='bankID' width='150' />
            <Column title='银行名称' align='center' dataIndex='bankName' width='150' />
            <Column title='操作记录' align='center' dataIndex='operateRecord' width='80' />
            <Column title='备注' align='center' dataIndex='note' width='80' />
          </Table>
        </div>
        <div className="line"></div>
      </div>
		);
	}
}
    
export default LoanInfo;